<extend name="Layout:layout_content" />
<block name="head_after">
    <style type="text/css">
        main { background-color:#EEEEEE; height:800px;}
        .desktop-user-zone { border-bottom:solid 1px #CCC; margin-bottom:10px; padding-bottom:10px;}
        .desktop-user-zone .face { display:inline-block; width:120px; height:120px; margin-right:10px;}
        .desktop-user-zone .face img { width:120px; height:auto;}
        .desktop-user-zone .info { display:inline-block; line-height: 21px;}
        .desktop .item { padding:15px 20px; color:#FFF; display:inline-block; margin:5px;}
        .desktop .item a { color:#FFF; text-decoration: underline; padding:0px 5px; }
        .desktop .item h3 { font-size:30px; margin-bottom: 5px;}
        .desktop .item .intro { line-height: 18px; margin-bottom: 5px;}
        .desktop .dark-red { background-color: #DA542E;}
        .desktop .red { background-color:#F74D4D; }
        .desktop .blue { background-color: #25A9E3;}
        .desktop .dark-blue { background-color: #2255A4;}
        .desktop .green {background-color: #28B779;}
        .desktop .orange { background-color: #FFB848;}
    </style>
</block>
<block name="body_main">
    <div class="desktop-user-zone">
        <div class="face"><img src="{$Think.Config.USER.APP_SUB_PATH}{$login_data.face_url|default='/Uploads/Face/Default/face.png'}" title="{$login_data.name|default='头像'}" /></div>
        <div class="info">
            <table>
                <tr><th>用户名：</th><td title="{$login_data.name}">{$login_data.user_name}<a href="{:U('User/profile_edit','addon=POrgUser')}" class="lnk-dialog-g" title="编辑个人资料">[编辑]</a></td></tr>
                <tr><th>角色：</th><td>{$login_data.role_names}</td></tr>
                <tr><th>部门：</th><td>{$login_data.department_names}</td></tr>
                <tr><th>上次登录：</th><td>{$login_data.login_time} 登陆于 {$login_data.login_ip}</td></tr>
                <tr><th>登录次数：</th><td>{$login_data.login_count}</td></tr>
            </table>       
        </div>
    </div>
    <div class="desktop">
        <ul>
            <li class="item blue">
                <h3>客户管理</h3>
                <div class="intro">管理您的客户<br />第三附属联交所的立法</div>
                <div class="status"><a href="#">30</a>个客户,<a href="#">5</a>个预约客户,<a href="#">5</a>个预约客户<,<a href="#">5</a>个预约客户</div>
            </li>
            <li class="item green">
                <h3>客户管理</h3>
                <div class="status"><a href="#">30</a>个客户,<a href="#">5</a>个预约客户</div>
            </li>
            <li class="item orange">
                <h3>客户管理</h3>
                <div class="intro">管理您的客户</div>
                <div class="status"><a href="#">30</a>个客户,<a href="#">5</a>个预约客户</div>
            </li>
            <li class="item red">
                <h3>客户管理</h3>
                <div class="intro">管理您的客户</div>
                <div class="status"><a href="#">30</a>个客户,<a href="#">5</a>个预约客户</div>
            </li>
            <li class="item dark-blue">
                <h3>客户管理</h3>
                <div class="intro">管理您的客户</div>
                <div class="status"><a href="#">30</a>个客户,<a href="#">5</a>个预约客户</div>
            </li>
        </ul>
    </div>
</block>